/*--
    - Overlay
------------------------------------------*/
[data-overlay] {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;

  &::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
  }
}


/*-- Overlay Opacity --*/
[data-opacity="1"] {
  &::before {
    opacity: 0.1;
  }
}

[data-opacity="2"] {
  &::before {
    opacity: 0.2;
  }
}

[data-opacity="3"] {
  &::before {
    opacity: 0.3;
  }
}

[data-opacity="4"] {
  &::before {
    opacity: 0.4;
  }
}

[data-opacity="5"] {
  &::before {
    opacity: 0.5;
  }
}

[data-opacity="6"] {
  &::before {
    opacity: 0.6;
  }
}

[data-opacity="7"] {
  &::before {
    opacity: 0.7;
  }
}

[data-opacity="8"] {
  &::before {
    opacity: 0.8;
  }
}

[data-opacity="9"] {
  &::before {
    opacity: 0.9;
  }
}


